<link type="text/css" rel="stylesheet" href="styles/pestanyas.css">
<!-- iniciem les pestanyes-->
<script>
    $(document).ready(function() {
        //Cuando el sitio carga...
        $(".tab_content").hide(); //Esconde todo el contenido
        $("ul.tabs li:first").addClass("active").show(); //Activa la primera tab
        $(".tab_content:first").show(); //Muestra el contenido de la primera tab
        //On Click Event
        $("ul.tabs li").click(function() {
            $("ul.tabs li").removeClass("active"); //Elimina las <a title="clases" href="http://www.cssblog.es/css-el-atributo-class/">clases</a> activas
            $(this).addClass("active"); //Agrega la clase activa a la tab seleccionada
            $(".tab_content").hide(); //Esconde todo el contenido de la tab
            var activeTab = $(this).find("a").attr("href"); //Encuentra el valor del atributo href para identificar la tab activa + el contenido
            $(activeTab).fadeIn(); //Agrega efecto de transición (fade) en el contenido activo
            return false;
        });
    });
</script>
<!--pestanyes -->
<ul class="tabs">
    <li><a href="#tab1">Informe</a></li>
    <li><a href="#tab2">Multimèdia</a></li>
</ul>
<div class="tab_container">
    <!--pestanya Informe-->
    <div id="tab1" class="tab_content">
        <TABLE class='taula' width="100%">
            <tr><td class='capçalera'> Informe </td></tr>
            <tr><td class='valor' align="justify">Aquest projecte és el que hem triat per a realitzar el nostre treball d'investigació referent al crèdit de síntesi. Es tracta d'un projecte equilibrat pel que fa a la qualitat / preu, i ens facilita
		la feina en la vesant de transmissió de dades des del captador fins a l'ordinador. Tanmateix ens facilita, clarament, el manteniment del sistema amb la inclusió de plaques solars en l'estació. L'objectiu és aconseguir un manteniment nul.
		La idea principal, es mostrar les dades meteorològiques que obtenim d'una estació meteorològica (OREGON WRM928NX) i mostrar-les en una pàgina web. D'aquesta manera tothom que accedeixi a METEOBALMES podrà gaudir de totes les estadístiques del temps: temperatura, humitat relativa, pressió atmosfèrica, velocitat i direcció del vent, pluges...<br><br>
		Obtenir dades meteorològiques completes en temps real i acumular-les per poder fer futures consultes serà molt educatiu per als alumnes de tots els cursos, tant per aportar una millor comprensió del medi ambient com per persuadir als alumnes que vulguin inscriure's en un Grau Superior d'informàtica.<br><br>
		Meteorològica aporta un gran prestigi al institut cosa que no tots el centres en poden gaudir. Aquesta web servirà per incentivar, a tots els alumnes nouvinguts, l'interès en aquest centre
		gràcies a la importància de la meteorologia. Indirectament també ens aportarà un augment de visites en la pàgina Web principal del centre.<br><br>
		L'estació meteorològica estarà  ubicada en un lloc estratègic que, en aquest cas, serà el terrat del Institut ja que no té obstacles que l'envoltin i disposa d'una visibilitat immillorable, a part, tots els alumnes del institut podran veure-la des del pati, des dels passadissos transversals i, fins i tot, des de l'escala principal.<br><br>
		Tenim l'avantatge que l'estació  funciona per radio freqüència a 433MHz retransmetent les dades obtingudes a la estació base en temps real.
                    <br><br>
		Treballem sobre les dades que rebrem de la estació meteorològica
		OREGON WRM928NX, mitjançant un Servidor del centre. La idea inicial és que des d'una pàgina web es podrà consultar totes les
		dades mitjançant una base de dades feta en SQL actualitzada constantment, la qual crear&agrave; un historial cada cop m&eacute;s extens.<br>
		L'estació Oregon WRM928NX envia la informació que ha obtingut a
		l'estació base que disposa de pantalla tàctil i aquesta connecta  amb el Servidor mitjançant un cable RS-232 a
		través del port COM.
                    <br><br>
		Aquesta interconnexi&oacute; fa que es que les dades les reculli una aplicació JAVA i 
                insereixi aquestes en una base de dades feta mitjançant MySQL
		on guardarà tota la informació que ens dona l'estació
		meteorològica en format de text mostrant-nos  per exemple la temperatura, velocitat del vent, pressió; atmosfèrica, entre
		altres... 
                    <br><br>
		Una vegada que tenim la base de dades feta ja la podem atacar, des de la pàgina
		web feta en PHP, mitjançant les consultes SQL.
                    <br><br>
		El pas final el faran els usuaris que visitin la nostra pàgina web, METEOBALMES,
		on podran consultar tota la informació meteorològica, i fons i tot, fer les seves consultes pròpies corresponents.
                    <br><br>
                </td></tr>
        </TABLE>
        <br><br>    </div>
    <!--pestanya Multimedia-->
    <div id="tab2" class="tab_content">
        <TABLE class='taula' width="100%">
            <tr><td class='capçalera' colspan="2"> Multimèdia</td></tr>


            <tr><td class='sub' colspan="2" >FOTOGRAFIES ANY 2005</td></tr>
            <tr><td class='valor' colspan="2">L'estació completa</td></tr>
            <tr><td class='valor' align="center"><img src="fotos/2005/img_004.jpg" ALT="Consola base" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2005/hpim1720.jpg" ALT="El pluviòmetre" width="330" height="248"></td></tr>
            <tr><td class='valor'> Consola base </td>
                <td class='valor'> El pluviòmetre</tr>
            <tr><td class='valor'align="center"style="text-align:center"> <img src="fotos/2005/img_007.jpg" alt="El Thermo-hydro" height="248"></td>
                <td class='valor'><IMG SRC="fotos/2005/img_050.jpg" ALT="L'anemòmetre" align="center" width="330" height="248"></td></tr>
            <tr><td class='valor'> El Thermo-hydro </td>
                <td class='valor'> L’anemòmetre </td></tr>
            <tr><td class='valor' colspan="2">Els inicis</td></tr>
            <tr><td class='valor' align="center"><img src="fotos/2005/img_008.jpg" ALT="El Thermo-hydro provisional" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2005/img_018.jpg" ALT="L'anemòmetre provisional" width="330" height="248"></td></tr>
            <tr><td class='valor'> El Thermo-hydro provisional </td>
                <td class='valor'> L'anemòmetre provisional</tr>
            <tr><td class='valor 'colspan="2">El muntatge final al terrat del centre amb el suport dels nostres amics i professors</td></tr>
            <tr><td class='valor' align="center"><img src="fotos/2005/hpim1783.jpg" ALT="Collant l'anemòmetre" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2005/hpim1784.jpg" ALT="Acabar de collant l'anem&ograve;metre" width="330" height="248"></td></tr>
            <tr><td class='valor'> Collant l'anemòmetre </td>
                <td class='valor'> Acabar de collant l'anemòmetre</tr
            <tr><td class='valor' align="center"><img src="fotos/2005/hpim1785.jpg" alt="Collant els panells solars" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2005/hpim1797.jpg" ALT="Alineament de totes les peces" width="330" height="248"></td></tr>
            <tr><td class='valor'> Collant els panells solars</td>
                <td class='valor'> Alineament de totes les peces </tr>
            <tr><td class='valor' colspan="2" align="center">L'estació definitivament muntada</td></tr>
            <tr><td class='valor' align="center"><img src="fotos/2005/img_096.jpg" ALT="La placa solar de l'anemòmetre" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2005/img_095.jpg" ALT="La placa solar del pluviòmetre i del Thermo-hydro" width="330" height="248">
            <tr><td class='valor'> La placa solar de l'anemòmetre </td>
                <td class='valor'> La placa solar del pluviòmetre i del Thermo-hydro </tr>
            <tr><td class='valor' align="center"><img src="fotos/2005/img_080.jpg" ALT="El pluviòmetre perfectament calibrat" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2005/img_083.jpg" ALT="L'estació sota el Sol" width="330" height="248">
            <tr><td class='valor'> El pluviòmetre perfectament calibrat </td>
                <td class='valor'> L'estació sota el Sol </tr>
            <tr><td class='valor' align="center"><img src="fotos/2005/img_086.jpg" ALT="L'estació en contrapicat" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2005/img_093.jpg" ALT="L'estació en ple funcionament" width="330" height="248">
            <tr><td class='valor'> L'estació en contrapicat </td>
                <td class='valor'> L'estació en ple funcionament </td></tr>
            <tr><td class='valor' colspan="2" align="center"> Diferents vistes de l'estació meteorològica </td></tr>
            <tr><td class='valor' align="center"><img src="fotos/2005/hpim182.jpg" ALT="Vista des del taller inform&agrave;tic situat al quart pis just al costat de les nostres classes" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2005/img_090.jpg" ALT="Vista ampliada des del taller informàtic situat al quart pis just al costat de les nostres classes" width="330" height="248">
            <tr><td class='valor'> Vista des del taller informàtic </td>
                <td class='valor'> Vista ampliada des del taller informàtic </tr>
            <tr><td class='valor' align="center"><img src="fotos/2005/img_102.jpg" ALT="Vista des del terrat on es pot veure el quart pis del centre al fons" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2005/img_101.jpg" ALT="Vista general del terrat" width="330" height="248">
            <tr><td class='valor'> Vista des del terrat on es pot veure el quart pis </td>
                <td class='valor'> Vista general del terrat </tr>
            <tr><td class='valor' align="center"><img src="fotos/2005/img_060.jpg" ALT="Vista des del pati del centre" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2005/img_061.jpg" ALT="Vista ampliada des del pati del centre" width="330" height="248">
            <tr><td class='valor'> Vista des del pati del centre </td>
                <td class='valor'> Vista ampliada des del pati del centre </tr>
            <tr><td class='sub' colspan="2" align="center"> FOTOGRAFIES ANY 2006</td></tr>
            <tr><td class='valor' colspan="2" align="center">Manteniment de l'estació</td></tr>
            <tr><td class='valor' align="center"><img src="fotos/2006/IMG_0098_b.jpg" ALT="L'equip en formació" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2006/IMG_0099_b.jpg" ALT="L'equip satisfet" width="330" height="248">
            <tr><td class='valor'> L'equip en formació </td>
                <td class='valor'> L'equip satisfet </tr>
            <tr><td class='valor' align="center"><img src="fotos/2006/IMG_0094_b.jpg" ALT="Allisant la fusta" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2006/IMG_0096_b.jpg" ALT="Treient impureses"" width="330" height="248">
            <tr><td class='valor'> Allisant la fusta </td>
                <td class='valor'> Treient impureses </tr>
            <tr><td class='valor' colspan="2" align="center"> L'estació millorada</td></tr>
            <tr><td class='valor' align="center"><img src="fotos/2006/IMG_0088_b.jpg" ALT="Nou para-sol del Thermo-Hydro" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2006/IMG_0091_b.jpg" ALT="Contrapicat de l'estació" width="330" height="248">
            <tr><td class='valor'> Nou para-sol del Thermo-Hydro </td>
                <td class='valor'> Contrapicat de l'estació </tr>
            <tr><td class='valor' align="center"><img src="fotos/2006/IMG_0074_b.jpg" ALT="L'estació complet sota el Sol" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2006/P3230004_b.jpg" ALT="Primer pla del para-sol i el pluviòmetre" width="330" height="248">
            <tr><td class='valor'> L'estació al complet sota el Sol </td>
                <td class='valor'> Primer pla del para-sol i el pluviòmetre </tr>
            <tr><td class='valor' colspan="2" align="center">Concurs de l'ACOM</td></tr>
            <tr><td class='valor' align="center"><img src="fotos/2006/DSC_0006_b.jpg" ALT="Defensant el projecte" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2006/DSC_0007_b.jpg" ALT="Explicant aspectes tècnics" width="330" height="248">
            <tr><td class='valor'> Defensant el projecte </td>
                <td class='valor'> Explicant aspectes tècnics </tr>
            <tr><td class='valor' align="center"><img src="fotos/2006/DSC_0012_b.jpg" ALT="Rebrent el tercer premi" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2006/DSC_0018_b.jpg" ALT="Tots els premiats de visita per l'Observatori Fabra" width="330" height="248">
            <tr><td class='valor'> Rebent el tercer premi </td>
                <td class='valor'> Tots els premiats de visita per l'Observatori Fabra </tr>
            <tr><td class='valor' align="center"><img src="fotos/2006/DSC_0024_b.jpg" ALT="Gaudint de les magn?ques vistes" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2006/DSC_0047_b.jpg" ALT="Telescopi del observatori" width="330" height="248">
            <tr><td class='valor'> Gaudint de les magnífiques vistes </td>
                <td class='valor'> Telescopi de l'Observatori </tr>
            <tr><td class='valor' align="center"><img src="fotos/2006/DSC_0048_b.jpg" ALT="Sala on vem presentar el projecte" width="330" height="248"></td>
                <td class='valor' align="center"><IMG SRC="fotos/2006/DSC_0052_b.jpg" ALT="L'Observatori Fabra" width="330" height="248">
            <tr><td class='valor'> Sala on vam presentar el projecte </td>
                <td class='valor'> L'Observatori Fabra </tr>
        </TABLE>
        <table class='taula'>
            <td class='valor'><A HREF="descarregues/muntatge.zip">Descarrega't el vídeo aquí</A></td>
        </table>
    </div>
</div>
</body>
</html>